<link rel="stylesheet" href="/css/demos.css">
<link rel="stylesheet" href="/css/themes/ui-lightness/jquery.ui.all.css">
<link rel="stylesheet" type="text/css" href="../css/Module_Home/new.css" />

<div id="bodier">
    <div id="right">
        <div id="right-wrapper">
            <div id="boxes">
                <div id="dialog" class="window" style="widows: 350px; height: 300px;">
                    <div  class="windowheading">
                        <a href="#"class="close">
                            <img src="../images/close.png" width="18" height="18" alt="mails"/>
                        </a>
                    </div>
                    <div id="adding">
                        <table>
                            <tr>
                                <td>
                                    <?php include_partial('general/applicationMessageControl') ?>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="../images/mails.png" width="35" height="35" alt="mails"/>
                                </td>
                                <td>
                                    <h3>Send Messages to any connections or emails</h3>
                                </td>
                            </tr>
                        </table>
                        <form id="frmSendMessage" name="Add title" action="<?php echo url_for('home/sendMessage') ?>">
                            <input onclick="LoadUserConnectionList();" type="text" name="To" id="txtMailTo" class="ui-autocomplete-input required" title="Search Connection" size="100%" />
                            <input type="text" name="Subject" title="Subject" size="100%" />
                            <textarea name="Message" rows="4" cols="20" style="width: 100%">Message:</textarea>
                            <button id="btnSend"> Send </button>
                            <button> Save as Draft</button>
                        </form>
                    </div>
                </div>
            </div>
<!--            <div align="right">
                <a href="javascript: void(0);" class="btn" onclick="ShowPopUp('#dialog');"> Create New Message </a>
            </div>-->
            <div id="resourcestab">
                <h3> Connections: <a href="">All(1)</a> <a href="">Friend Requests(1)</a></h3>
            </div>
            <?php include_component('general', 'friendList', array ('userID' => $sf_user->getAttribute('currentuser', '0')->getId(), 'connectionStatus' => Types::$CONN_STATUS["PENDING"])); ?>
        </div>
    </div>
    <div id="left">
        <div id="leftwrapper">
            <div id="adding">
                <?php include_partial('general/userProfilePicture') ?>
            </div>
            <div id="adding">
                <table  id="forapproving">
                    <tr>
                        <td> Student @ <a href="#">King Abdullah University of Science and Techonology (KAUST)</a></td>
                    </tr>
                    <tr>
                        <td> Graduated (Dec 2010)  </td>
                    </tr>
                    <tr>
                        <td> Membership approved by <a href=""> Prof. Christian Voolstra</a></td>
                    </tr>
                </table>
            </div>
            <div id="adding">
                <table>
                    <tr>
                        <td>
                            <img src="../images/connections.png" width="35" height="35" alt="connections"/>
                        </td>
                        <td>Connections</td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <a href="">
                            <td>
                                <img src="../images/alinawaz.JPG" width="35" height="35" alt="alinawaz"/>
                            </td>
                            <td>Ali Nawaz Dars</td>
                        </a>
                    </tr>
                    <tr>
                        <a href="">
                            <td><img src="../images/amjad.JPG" width="35" height="35" alt="amjad"/></td>
                            <td>Amjad Ali Dars</td>
                        </a>
                    </tr>
                    <a href="">
                        <tr>
                            <td>
                                <img src="../images/rasyid.JPG" width="35" height="35" alt="rasyid"/>
                            </td>
                            <td>Rasyid Mujahid</td>
                        </tr>
                    </a>
                </table>
            </div>
            <div id="bottom">
                <a href=""> About </a>
                <a href=""> Contact </a>
                <a href=""> Help </a>
                <a href=""> Terms </a>
            </div>
        </div>
    </div>
                <?php
                    // put your code here
                ?>
</div>
